<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>个人中心的-存款</title>
    <!-- 公共的样式start -->
    <link href="./css/common.css" rel="stylesheet" type="text/css" />
    <link href="./css/red.skin.css" rel="stylesheet" type="text/css" title="color1" data-default-color="true" />
    <link href="./css/green.skin.css" rel="stylesheet" type="text/css" title="color2" />
    <link href="./css/animate.min.css" rel="stylesheet" type="text/css" />
    <!-- 公共的样式end -->
    <link rel="stylesheet" href="./css/user_common.css" />
    <link rel="stylesheet" href="./css/user_deposit.css" />
</head>

<body>
    <!-- 公共的导航start -->
    <div class="nav-contain">
        <div class="menu">
            <div class="logo">
                <a href="/"><img src="./images/logo.png" /></a>
            </div>
            <ul>
                <a href="javascript:">
                    <li><span>网站首页</span></li>
                </a>
                <a href="javascript:">
                    <li class="header_hover_li"><span>彩票投注</span></li>
                </a>
                <a href="javascript:">
                    <li class="header_hover_li"><span>真人娱乐</span></li>
                </a>
                <a href="javascript:">
                    <li class="header_hover_li"><span>体育投注</span></li>
                </a>
                <a href="javascript:">
                    <li class="header_hover_li"><span>棋牌游戏</span></li>
                </a>
                <a href="javascript:">
                    <li class="header_hover_li"><span>电竞投注</span></li>
                </a>
                <a href="javascript:">
                    <li><span>优惠活动</span></li>
                </a>
                <a href="javascript:">
                    <li><span>联盟合作</span></li>
                </a>
            </ul>
        </div>
        <div class="login-regist">
            <form>
                <input type="text" />
                <input type="text" />
                <input value='登录' type='submit' class="btn login" />
            </form>
            <a href="javascript:"><span class="regist">注册</span></a>
            <span class="testPlay">试玩</span>
        </div>
        <div class="login-finish active">
            <div>
                <img src="./images/avatar.png" width="40px" height="40px" />
                <div class="user-info-div">
                    <p>wanlugouji<span class="l-f-wallet">钱包:<span style="color: #e48d8d;">123</span>元</span></p>
                    <span>存款</span>
                    <span>取款</span>
                    <span>转账</span>
                    <a href="javascript:"><span style="color: #e48d8d;">退出</span></a>
                </div>
            </div>
        </div>
        <!-- 下拉的内容 -->
        <div class="header_m_hover" style="height: 0px;">
            <div class="header_m_hover_c lotter" style="display: block;">
                <ul>
                    <a href="javascript:" onclick="onTargetPage('js')">
                        <li>
                            <div class="header_m_h_img">
                                <img width="250px" src="./images/header/lot1.png">
                            </div>
                        </li>
                    </a>
                    <a href="javascript:" onclick="onTargetPage('kj')">
                        <li>
                            <div class="header_m_h_img">
                                <img width="250px" src="./images/header/lot2.png">
                            </div>
                        </li>
                    </a>
                    <a href="javascript:" onclick="onTargetPage('lh')">
                        <li>
                            <div class="header_m_h_img">
                                <img width="250px" src="./images/header/lot3.png">
                            </div>
                        </li>
                    </a>
                </ul>
            </div>
            <div class="header_m_hover_c real_p" style="display: none;">
                <ul>
                    <li class="real_p_rate">
                        <div>
                            <p style="color: #3a404c;font-size: 16px; margin-bottom: 10px;">天天返水&nbsp;&nbsp;最高可达</p>
                            <p style="color: #91959e; font-size: 12px; margin-bottom: 10px;">LIVE&nbsp;CASINO</p>
                            <p><span style="font-size: 72px; color: #4e8cff;">1.0</span><span
                                    style="font-size: 36px;color: #4e8cff;">%</span></p>
                        </div>
                    </li>
                    <li></li>
                    <a href="#" id="realUrl" onclick="getEleUrlData(1);">
                        <li>
                            <img src="./images/header/real_1.png">
                        </li>
                    </a>
                </ul>
            </div>
            <div class="header_m_hover_c ele_play" style="display: none;">
                <ul>
                    <li class="ele_play_rate">
                        <div>
                            <p style="color: #3a404c;font-size: 16px; margin-bottom: 10px;">天天返水&nbsp;&nbsp;最高可达</p>
                            <p style="color: #91959e; font-size: 12px; margin-bottom: 10px;">LIVE&nbsp;CASINO</p>
                            <p><span style="font-size: 72px; color: #4e8cff;">1</span><span
                                    style="font-size: 36px;color: #4e8cff;">%</span></p>
                        </div>
                    </li>
                    <li></li>
                    <a href="#" id="gameUrl" onclick="getEleGameUrlData(1);">
                        <li>
                            <img src="./images/header/game.png">
                        </li>
                    </a>
                </ul>
            </div>
            <div class="header_m_hover_c sport_paly" style="display: none;">
                <ul>
                    <li class="sport_paly_rate">
                        <div>
                            <p style="color: #3a404c;font-size: 16px; margin-bottom: 10px;">天天返水&nbsp;&nbsp;最高可达</p>
                            <p style="color: #91959e; font-size: 12px; margin-bottom: 10px;">LIVE&nbsp;CASINO</p>
                            <p><span style="font-size: 72px; color: #4e8cff;">1.2</span><span
                                    style="font-size: 36px;color: #4e8cff;">%</span></p>
                        </div>
                    </li>
                    <a href="javascript:" id="sportUrl" onclick="getSportUrlData(1);">
                        <li>
                            <img src="./images/header/sport.png">
                        </li>
                    </a>
                    <a href="javascript:" onclick="getSporSBOtUrlData()">
                        <li style="padding-left: 150px;">
                            <img src="./images/header/sport_sbo.png">
                        </li>
                    </a>
                </ul>
            </div>
            <div class="header_m_hover_c ele_play" style="display: none;">
                <ul>
                    <li class="ele_play_rate">
                        <div>
                            <p style="color: #3a404c;font-size: 16px; margin-bottom: 10px;">天天返水&nbsp;&nbsp;最高可达</p>
                            <p style="color: #91959e; font-size: 12px; margin-bottom: 10px;">LIVE&nbsp;CASINO</p>
                            <p><span style="font-size: 72px; color: #4e8cff;">1.2</span><span
                                    style="font-size: 36px;color: #4e8cff;">%</span></p>
                        </div>
                    </li>
                    <li></li>
                    <a href="javascript:" id="kyUrl" onclick="getKYUrlData();">
                        <li>
                            <img src="./images/header/ky_game.png">
                        </li>
                    </a>
                </ul>
            </div>
        </div>
    </div>
    <!-- 公共的导航end -->
    <!-- 公用左边的部分start -->
    <div class="user-center">
        <div class="u-c">
            <div class="menu-left">
                <div class="menu-avatar">
                    <img src="./images/user/user_icon.jpg" width="80px" height="80px" />
                </div>
                <p class="user-name">test002</p>
                <p class="user-msg">幸福是一种灵魂的香味</p>
                <p class="user-tit">会员中心</p>
                <ul class="menu-item">
                    <a href="./user_deposit.html">
                        <li class="one active"><span></span>存款</li>
                    </a>
                    <a href="./user_withdraw.html">
                        <li class="two"><span></span>取款</li>
                    </a>
                    <a href="./user_transfer.html">
                        <li class="three"><span></span>转账</li>
                    </a>
                    <a href="./user_record.html">
                        <li class="four"><span></span>交易记录</li>
                    </a>
                    <a href="./user_betlist.html">
                        <li class="five"><span></span>投注记录</li>
                    </a>
                    <a href="./user_bank.html">
                        <li class="six"><span></span>银行卡</li>
                    </a>
                    <a href="./user_info.html">
                        <li class="seven"><span></span>个人资料</li>
                    </a>
                    <a href="./user_opinion.html">
                        <li class="eight"><span></span>意见反馈</li>
                    </a>
                    <a href="./user_rebate.html">
                        <li class="nine"><span></span>个人资讯</li>
                    </a>
                </ul>
            </div>
            <div class="menu-right">
                <div class="m-r-header">
                    <span class="m-r-h-money">我的钱包：<span>0.00</span></span>
                    <span class="m-r-h-refresh" onclick="onRefresh();"><img src="./images/user/refresh.png" width="18px"
                            height="18px" /></span><span class="m-r-h-recycle" onclick="onRecycle();">一键回收</span>
                    <span class="m-r-h-tit">(游戏前，请将余额转到相应场景)</span>
                </div>
                <!-- 公用左边的部分end -->
                <div class="m-r-content">
                    <p class="m-r-c-tit">
                        <span class="c-tit-main">存款</span>
                        <span class="c-tit-msg">存款金额会存入中心钱包</span>
                    </p>
                    <div class="m-r-assets">
                        <ul>
                            <li class="active"><img src="./images/user/wlh.png" height="40px" /><span
                                    class="m-r-a-tit"></span><span class="money">111111</span></li>
                            <li><img src="./images/user/ag.png" height="40px" /><span
                                    class="m-r-a-tit">(AG娱乐)</span><span class="money">222</span></li>
                            <li><img src="./images/user/sbo.png" height="40px" /><span
                                    class="m-r-a-tit">(利己SBO)</span><span class="money">33</span></li>
                            <li><img src="./images/user/ky.png" height="40px" /><span
                                    class="m-r-a-tit">(卡元棋牌)</span><span class="money">444</span></li>
                        </ul>
                    </div>
                    <div class="m-r-operate-item">
                        <div class="item-left">
                            <span>支付方式:</span>
                        </div>
                        <div class="item-right">
                            <ul class="item-r-method">
                                <li class="active">
                                    <div class="img">
                                        <img src="./images/user/pay_method_1.png" width="30px" height="30px" />
                                    </div>
                                    <p>网银支付</p>
                                </li>
                                <li>
                                    <div class="img">
                                        <img src="./images/user/pay_method_1.png" width="30px" height="30px" />
                                    </div>
                                    <p>网银支付</p>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <div class="method_wrap">
                        <div class="m-r-operate-item">
                            <div class="item-left">
                                <span>存款方式:</span>
                            </div>
                            <div class="item-right">
                                <ul class="item-r-method">
                                    <li class="active">
                                        <div class="img">
                                            <img src="./images/user/pay_method_1.png" width="30px" height="30px" />
                                        </div>
                                        <p>网银支付</p>
                                    </li>
                                    <li>
                                        <div class="img">
                                            <img src="./images/user/pay_method_1.png" width="30px" height="30px" />
                                        </div>
                                        <p>网银支付</p>
                                    </li>
                                </ul>
                            </div>
                        </div>
                        <div class="m-r-operate-item">
                            <div class="item-left">
                                <span>存款金额:</span>
                            </div>
                            <div class="item-right">
                                <div>
                                    <input class="input" />
                                </div>
                                <div class="fast-money">
                                    <span class="active">107</span>
                                    <span>107</span>
                                    <span>107</span>
                                    <span>107</span>
                                    <span>200000</span>
                                </div>
                            </div>
                        </div>
                        <div class="m-r-operate-item">
                            <div class="item-left">
                                <span>选择银行:</span>
                            </div>
                            <div class="item-right">
                                <select class="select">
                                    <option>工商银行</option>
                                    <option>农业银行</option>
                                </select>
                            </div>
                        </div>
                        <div class="m-r-operate-item">
                            <div class="item-left">&nbsp;</div>
                            <div class="item-right">
                                <span class="btn">立即存款</span>
                                <span class="msg">单笔充值最小不得小于100，最大不大于49999。</span>
                                <span class="msg">充值不收取，手续费</span>
                            </div>
                        </div>
                    </div>
                    <div class="method_wrap">
                        <div class="m-r-operate-item">
                            <div class="item-left">
                                <span>转账账号:</span>
                            </div>
                            <div class="item-right">
                                <ul class="item-r-accout">
                                    <li class="active">
                                        <p>网银支付123333333333333333</p>
                                    </li>
                                    <li>
                                        <p>网银支付123333333333333333</p>
                                    </li>
                                </ul>
                                <div class="bank_msg">
                                    <div class="bank_msg_item">
                                        <div><span class="o">银行</span><span class="t">中国工商银行</span><span class="th"
                                                onclick="onCopy('fuzhi')">复制</span></div>
                                        <div><span class="o">附言</span><span class="t">xxxx</span><span
                                                class="th">复制</span>
                                        </div>
                                        <div><span class="o">姓名</span><span class="t">王八</span><span
                                                class="th">复制</span>
                                        </div>
                                        <div><span class="o">账号</span><span class="t">88888888888888888888</span><span
                                                class="th">复制</span></div>
                                        <div><span class="o">开户地址</span><span class="t">xxxxxxxxxxxxxx</span></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="m-r-operate-item account_input">
                            <div class="item-left">
                                <span>汇款金额:</span>
                            </div>
                            <div class="item-right">
                                <div>
                                    <input class="input" />
                                </div>
                            </div>
                        </div>
                        <div class="m-r-operate-item account_input">
                            <div class="item-left">
                                <span>汇款姓名:</span>
                            </div>
                            <div class="item-right">
                                <div>
                                    <input class="input" />
                                </div>
                            </div>
                        </div>
                        <div class="m-r-operate-item account_input">
                            <div class="item-left">
                                <span>汇款账号:</span>
                            </div>
                            <div class="item-right">
                                <div>
                                    <input class="input" />
                                </div>
                            </div>
                        </div>
                        <div class="m-r-operate-item account_input">
                            <div class="item-left">
                                <span>汇款时间:</span>
                            </div>
                            <div class="item-right">
                                <div class="calendar_input">
                                    <input class="input" />
                                    <i></i>
                                </div>
                            </div>
                        </div>
                        <div class="m-r-operate-item">
                            <div class="item-left">&nbsp;</div>
                            <div class="item-right">
                                <span class="btn">立即存款</span>
                            </div>
                        </div>
                    </div>



                    <div class="m-r-operate-item">&nbsp;</div>
                </div>
            </div>
        </div>
    </div>
    <!-- 公共的底部start -->
    <div class="blank"></div>
    <div class="skin-set" id="skin-set">
        <div class="skin-set-img" onclick="skinChange()">
            <img src="./images/skin_set.png" class="skin-d" />
        </div>
        <div class="skin-color-select">
            <span class="red-skin styleswitch" data-switchcolor="color1" style="background: #ea2c58;"></span>
            <span class="gray-skin styleswitch" data-switchcolor="color2" style="background: #48c7ec;"></span>
        </div>
    </div>
    <script type="text/javascript" src="./javascripts/jquery-1.11.3.min.js"></script>
    <script type="text/javascript" src="./javascripts/switch_theme.js"></script>
    <script type="text/javascript">
        function scaleNav() {
            var browser_width = $(document.body).width();
            navLeft(browser_width);
            if (browser_width < 1200) {
                $(".nav-contain").css({ "position": "relative" });
                $(".user-center").css("margin-top", "0px");
            } else {
                $(".nav-contain").css({ "position": "fixed" });
                $(".user-center").css("margin-top", "80px");
            }
            $(window).resize(function () {
                browser_width = $(document.body).width();
                navLeft(browser_width);
                if (browser_width < 1200) {
                    $(".nav-contain").css({ "position": "relative" });
                    $(".user-center").css("margin-top", "0px");
                } else {
                    $(".nav-contain").css({ "position": "fixed" });
                    $(".user-center").css("margin-top", "80px");
                }
            });
        }
        scaleNav();
        //顶部菜单的动画
        function navLeft(browser_width) {
            if (browser_width <= 1500) {
                $(".nav-contain .menu").addClass("left");
            } else {
                $(".nav-contain .menu").removeClass("left");
            }
        }
    </script>
    <script type="text/javascript">
        $(function () {
            $(".header_hover_li").each(function (index) {
                $(this).hover(function () {
                    $(".header_m_hover_c").css({ "display": "none" });
                    $(".header_m_hover_c").eq(index).css({ "display": "block" });
                    $(".header_m_hover").css({ "height": "180px" });
                    $(".header_hover_li").removeClass("on");
                    $(".header_hover_li").eq(index).addClass("on");
                }, function () {
                    if ($(".header_m_hover").is(":hover")) { } else {
                        $(".header_m_hover_c").css({ "display": "none" });
                        $(".header_m_hover").css({ "height": "0px" });
                        $(".header_hover_li").eq(index).removeClass("on");
                    }
                    $(".header_m_hover").hover(function () { }, function () {
                        $(".header_m_hover_c").css({ "display": "none" });
                        $(".header_m_hover").css({ "height": "0px" });
                        $(".header_hover_li").eq(index).removeClass("on");
                    })
                })
            });
        });
        function onRefresh() {
            //todu刷新资产
        }
        function onRecycle() {
            //todu一键回收
        }
    </script>
    <!-- 公共的底部end -->
    <script type="text/javascript">
        function h5Copy(content) {
            var input = document.createElement("input");
            input.value = content;
            input.readOnly = "readOnly";
            document.body.appendChild(input);
            input.select(); // 选择对象
            input.setSelectionRange(0, content.length); //核心
            var result = document.execCommand("Copy"); // 执行浏览器复制命令
            input.remove();
            return result;
        }
        function onCopy(val) {
            var xxx = h5Copy(val);
            console.log("复制", xxx);
        }
        $(function () {
            $(".m-r-assets li,.item-r-method li,.fast-money span").bind('click', function () {
                $(this).addClass('active').siblings().removeClass('active');
            });
        });
    </script>
</body>

</html>